<template>
	<view>
		<view class="flex margin-top-xs">
			<u-tag text="服务热情（6885）" size="large" type="error" shape="circle" class="margin-right-xs margin-top-xs"
				plain plainFill borderColor="#fff">
			</u-tag>
			<u-tag text="服务热情（585）" size="large" type="error" shape="circle" class="margin-right-xs margin-top-xs" plain
				plainFill borderColor="#fff">
			</u-tag>
		</view>
		<view class="flex margin-top" v-for="(item,index) in 5" :key="index">
			<view style="flex: 0 0 80rpx; width: 80rpx;">
				<u-avatar size="75rpx" :src="`https://cdn.uviewui.com/uview/album/${index + 1}.jpg`"></u-avatar>
			</view>
			<view class="flex-sub margin-left-sm">
				<view class="flex flex-between">
					<text class="text-lg">王五</text>
					<text class="text-gray">13小时前</text>
				</view>
				<view class="">
					<u-rate :value="4.7" readonly inactiveColor="#fccfd9" activeColor="#ea3457" size="36rpx"></u-rate>
				</view>
				<view class="margin-top-sm">
					课程教的很好，老师很nice，上课很轻松，值得一去。课程教的很好，老师很nice，上课很轻松，值得一去。课程教的很好，老师很nice，上课很轻松，值得一去。
				</view>
				<view class="margin-top-sm">
					<u-album :urls="urls2" :maxCount="maxCount" rowCount="3"></u-album>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				urls2: [
					'https://cdn.uviewui.com/uview/album/1.jpg',
					'https://cdn.uviewui.com/uview/album/2.jpg',
					'https://cdn.uviewui.com/uview/album/3.jpg',
					'https://cdn.uviewui.com/uview/album/4.jpg',
					'https://cdn.uviewui.com/uview/album/5.jpg',
					'https://cdn.uviewui.com/uview/album/6.jpg',
					'https://cdn.uviewui.com/uview/album/7.jpg',
					'https://cdn.uviewui.com/uview/album/8.jpg',
					'https://cdn.uviewui.com/uview/album/9.jpg',
					'https://cdn.uviewui.com/uview/album/10.jpg',
				]

			}
		},
		props: {
			maxCount: {
				type: Number,
				default: 3
			}
		},
		onShow() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	
</style>
